<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数据大屏容器</title>
    <style>

        body {
            background: black;
            padding: 10px
        }

        .box {
            height: 20rem;
            width: 40rem;
            color: white;
            padding: 1rem;
            box-shadow: 0 0 3rem rgba(100, 200, 255, .5) inset;
            background: rgba(0, 0, 0, .3);
        }


    </style>
</head>
<body>
<div class="box" id="demo">
    tech
</div>

</body>
<script src="../../../plugin/jquery/jquery.js"></script>
<script src="../../../plugin/echart/echarts.js"></script>
<script>

    var chart = echarts.init($('#demo').get(0));

    var option = {
        xAxis: {
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: [150, 230, 224, 218, 135, 147, 260],
            type: 'line'
        }]
    };

    chart.setOption(option);


</script>

</html>